{extend name="book" /}
{block name="title"}
<title>书库</title>
<style>
    body{background: #ececec  }
    .list{width: 16rem; overflow: hidden;margin-bottom: .25rem}
    .list ul {padding: 0;margin: 0;}
    .list ul li{background: white;padding-left: .5rem;font-size: .75rem;line-height: 2rem;width: 16rem;height: 2rem;background: white;}
    .list ul li span{font-size: .65rem;color: gray}
    .list ul li:nth-child(even){border-top:1px solid #dcdcdc ;float: left}
    .list ul li:nth-child(odd){border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;float: left}
    .list ul li:nth-last-child(1) {  border-bottom: 1px solid #dcdcdc;  }
    .list ul li:nth-last-child(2) {  border-bottom: 1px solid #dcdcdc;  }
</style>
{/block}

{block name="content"}

<div class="list">
    <p>{$list.0}</p>
    <ul style="height:100%">
        {foreach name="$list.1" item="vv"}
        <a href="{:url('index/read', ['id' => $vv.id])}"><li>{$vv.title}</li></a>
        {/foreach}
    </ul>
</div>

<div style="height: 2rem"></div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="/" class="curr">
                <span><img src="/html/img/q1.png"/></span>

            </a>
        </li>
        <li>
            <a href="{:url('index/zuji')}" class="">
                <span><img src="/html/img/w1.png"/></span>
            </a>
        </li>

        <li>
            <a href="{:url('index/shuku')}" class="">
                <span><img src="/html/img/e2.png"/></span>
            </a>
        </li>
    </ul>
</div>

{/block}